﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <!-- Title -->
    <title>Service page</title>

    <!-- ================================================================
        ***Favicon***
    ================================================================= -->

    <link rel="shortcut icon" type="image/png" href="images/fevicon.png">

    <!-- ================================================================
        ***CSS File***
    ================================================================= -->
    <!-- ================= *** Google Font-Poppins *** ======================= -->
    <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" rel="stylesheet">

    <!-- ================= *** Animate CSS *** ======================= -->
    <link href="css/animate.min.css" rel="stylesheet" type="text/css">

    <!-- ================= *** Bootstrap CSS *** ===================== -->
    <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">

    <!-- ================= *** Font-awesome CSS *** ================== -->
    <link href="css/hover-min.css" rel="stylesheet" type="text/css">

    <!-- ================= *** icofont CSS *** ======================= -->
    <link href="css/icofont.css" rel="stylesheet" type="text/css">

    <!-- ================= *** Owl Carousel CSS *** ================== -->
    <link href="css/owl.carousel.css" rel="stylesheet" type="text/css">

    <!-- ================= *** Main CSS *** ========================== -->

    <link href="css/custom/style.css" rel="stylesheet" type="text/css">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="http://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="http://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body class="home">

     

    <div id="preloader">
        <div class="preloader_spinner"></div>
    </div>
    <!-- preloader end -->
<!-- ==========================================================
    1.*Header_area start
============================================================ -->
    <header>
        <div class="romana_header_top">
            <div class="container">
                <div class="row">
                    <div class="col-md-3 col-xs-6">
                        <div class="romana_header_top_left">
                            <ul class="lang">
                                <li data-code="bn">bengali</li>
                                <li data-code="ar">aribic</li>
                                <li data-code="da">dansk</li>
                            </ul>
                            <div class="language_option"><span class="">english</span><i class="icofont icofont-caret-down"></i> </div>
                            <a href="#" class="hidden-xs"><i class="icofont icofont-phone"></i>+22 666-888-999</a>
                        </div>
                    </div>
                    <!-- column End -->
                    <!-- column End -->
                    <div class="col-md-2 col-xs-6 col-md-offset-7">
                        <div class="romana_header_top_right hidden-xs">
                            <ul>
                                <li><a href="#"><i class="icofont icofont-social-pinterest"></i></a></li>
                                <li><a href="#"><i class="icofont icofont-social-google-plus"></i></a></li>
                                <li><a href="#"><i class="icofont icofont-social-twitter"></i></a></li>
                                <li><a href="#"><i class="icofont icofont-social-skype"></i></a></li>
                                <li><a href="#"><i class="icofont icofont-social-facebook"></i></a></li>
                            </ul>
                        </div>
                        <div class="romana_client_btn  romana_client_btn_small hidden-sm hidden-md hidden-lg">
                            <a href="#"><i class="icofont icofont-user-alt-3"></i>Client Area</a>
                            <div class="romana_client_log_in">
                                <form action="#" class="romana_client_log_in_after">
                                    <input type="text" name="clientEmail" placeholder="Email here">
                                    <input type="text" name="clientPass" placeholder="password">
                                    <input type="submit" value="Login">
                                    <p> or <a href="registration.html">registration</a></p>
                                </form>
                            </div>
                        </div>
                    </div>
                    <!-- column End -->
                </div>
                <!-- row End -->
            </div>
            <!-- container End -->
        </div>
        <!-- Header-Top End -->
        <div class="romana_header_bottom">
            <div class="container">
                <div class="row">
                    <div class="col-sm-2 col-xs-6">
                        <div class="romana_logo">
                            <a href="index.html"><img src="images/logo.png" alt=""></a>
                        </div>
                    </div>
                    <!-- column End -->
                    <div class="col-sm-8">
                        <div class="navbar-header">
                            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                                <span class="sr-only"></span>
                                <i class="icofont icofont-navigation-menu"></i>
                            </button>
                        </div>
                        <nav id="navbar" class="navbar-collapse collapse">
                            <ul class="nav navbar-nav">
                                <li><a href="index.html">Home</a></li>
                                <li><a href="about.html">about</a></li>
                                <li><a href="hosting.html">hosting</a></li>
                                <li><a href="domain-search.html">domain</a></li>
                                <li><a href="service.html">service</a></li>
                                <li><a href="blog.html">blog</a></li>
                                <li><a href="contact.html">Contact</a></li>
                            </ul>
                            <!-- mega-menu End -->
                        </nav>
                        <!-- nav End -->
                    </div>
                    <!-- column End -->
                    <div class="col-sm-2">
                        <div class="romana_client_btn hidden-xs">
                            <a href="#" class="hvr-bounce-to-right"><i class="icofont icofont-user-alt-3"></i>Client Area</a>
                        </div>
                        <div class="romana_client_log_in">
                            <form action="#" class="romana_client_log_in_after">
                                <input type="text" name="clientEmail" placeholder="Email here">
                                <input type="text" name="clientPass" placeholder="password">
                                <input type="submit" value="Login">
                                <p> or <a href="registration.html">registration</a></p>
                            </form>
                        </div>
                    </div>
                    <!-- column End -->
                </div>
                <!-- row End -->
            </div>
            <!-- container End -->
        </div>
        <!-- Header Bottom End -->
    </header>
    <!-- Header End -->
<!-- ==========================================================
2.*Hero_area start
============================================================ -->
    <div class="romana_allPage_area">
        <div class="container">
            <div class="row">
                <div class="col-xs-12">
                    <div class="romana_allPage_text text-center">
                        <h1>service</h1>
                        <ol class="breadcrumb hvr-shutter-out-horizontal">
                            <li><a href="index.html">Home</a><span></span></li>
                            <li><a href="#">pages</a></li>
                        </ol>
                    </div>
                </div>
                <!-- column End -->
            </div>
            <!-- row End -->
        </div>
        <!-- container End -->
    </div>
<!-- ==========================================================
3.*romana_why_choose_area start
============================================================ -->
    <div class="romana_why_choose_area romana_section_padding">
        <div class="container">
            <div class="row">
                <div class="col-xs-12">
                    <div class="romana_section_title text-center">
                        <h2>Why Choose us?</h2>
                        <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse</p>
                    </div>
                </div>
            </div>
            <div class="row ">
                <div class="col-sm-4">
                    <div class="romana_single_choose text-center">
                        <a href="#" class="hvr-wobble-skew"><img src="images/choose_icon1.png" alt="icon"></a>
                        <h3>Secured Sever</h3>
                        <p>Duis autem vel eum iriure dolor in hen vulputate velit esse molestie conse vel illum dolore eu feugiat</p>
                    </div>
                    <!-- romana_single_choose End -->
                    <div class="romana_single_choose text-center">
                        <a href="#" class="hvr-wobble-skew"><img src="images/choose_icon4.png" alt="icon"></a>
                        <h3>Easy to Customize</h3>
                        <p>Duis autem vel eum iriure dolor in hen vulputate velit esse molestie conse vel illum dolore eu feugiat</p>
                    </div>
                    <!-- romana_single_choose End -->
                    <div class="romana_single_choose text-center">
                        <a href="#" class="hvr-wobble-skew"><img src="images/choose_icon3.png" alt="icon"></a>
                        <h3>Easy to organize</h3>
                        <p>Duis autem vel eum iriure dolor in hen vulputate velit esse molestie conse vel illum dolore eu feugiat</p>
                    </div>
                </div>
                <!-- romana_single_choose End -->
                <div class="col-sm-4">
                    <div class="romana_single_choose text-center">
                        <a href="#" class="hvr-wobble-skew"><img src="images/choose_icon2.png" alt="icon"></a>
                        <h3>Backup & Storage</h3>
                        <p>Duis autem vel eum iriure dolor in hen vulputate velit esse molestie conse vel illum dolore eu feugiat</p>
                    </div>
                    <!-- romana_single_choose End -->
                    <div class="romana_single_choose text-center">
                        <a href="#" class="hvr-wobble-skew"><img src="images/choose_icon1.png" alt="icon"></a>
                        <h3>Secured Server</h3>
                        <p>Duis autem vel eum iriure dolor in hen vulputate velit esse molestie conse vel illum dolore eu feugiat</p>
                    </div>
                    <div class="romana_single_choose text-center">
                        <a href="#" class="hvr-wobble-skew"><img src="images/choose_icon5.png" alt="icon"></a>
                        <h3>Virtual Server</h3>
                        <p>Duis autem vel eum iriure dolor in hen vulputate velit esse molestie conse vel illum dolore eu feugiat</p>
                    </div>
                    <!-- romana_single_choose End -->
                </div>
                <!-- column End -->
                <div class="col-sm-4">
                    <div class="romana_single_choose text-center">
                        <a href="#" class="hvr-wobble-skew"><img src="images/choose_icon3.png" alt="icon"></a>
                        <h3>24/7 Daily Backup</h3>
                        <p>Duis autem vel eum iriure dolor in hen vulputate velit esse molestie conse vel illum dolore eu feugiat</p>
                    </div>
                    <!-- romana_single_choose End -->
                    <div class="romana_single_choose text-center">
                        <a href="#" class="hvr-wobble-skew"><img src="images/choose_icon6.png" alt="icon"></a>
                        <h3>Control Panel</h3>
                        <p>Duis autem vel eum iriure dolor in hen vulputate velit esse molestie conse vel illum dolore eu feugiat</p>
                    </div>
                    <!-- romana_single_choose End -->
                    <div class="romana_single_choose text-center">
                        <a href="#" class="hvr-wobble-skew"><img src="images/choose_icon2.png" alt="icon"></a>
                        <h3>Easy to setting</h3>
                        <p>Duis autem vel eum iriure dolor in hen vulputate velit esse molestie conse vel illum dolore eu feugiat</p>
                    </div>
                    <!-- romana_single_choose End -->
                </div>
                <!-- column End -->
            </div>
            <!-- row End -->
        </div>
        <!-- container End -->
    </div>
<!-- ==========================================================
4.*romana_awesome_service_area start
============================================================ -->
    <div class="romana_awesome_service_area romana_section_padding">
        <div class="container">
            <div class="romana_awesome_service_content">
                <div class="row ">
                    <div class="col-sm-8">
                        <div class="romana_awesome_service_text text-center">
                            <h2>We give always awesome service.</h2>
                        </div>
                    </div>
                    <!-- column End -->
                    <div class="col-sm-2 col-sm-offset-1 col-xs-12">
                        <div class="romana_awesome_service_btn">
                            <a href="#">started now</a>
                        </div>
                    </div>
                    <!-- column End -->
                </div>
                <!-- row End -->
            </div>
        </div>
        <!-- container End -->
    </div>
<!-- ==================================================
5.*Footer_area start
=================================================== -->
    <footer class="romana_footer_area">
        <div class="romana_footer_top">
            <div class="container">
                <div class="row">
                    <div class="col-md-4 col-sm-3">
                        <div class="footer_left_text footer_menu footer_border_right">
                            <div class="footer_logo">
                                <a href="#"><img src="images/footer_logo.png" alt="logo"></a>
                            </div>
                            <p>Duis autem vel eum iriure dolores in hendrerit in vulputate velit esse autem vel eum iriure dolore.</p>
                        </div>
                    </div>
                    <!-- column End -->
                    <div class="col-sm-3">
                        <div class="footer_menu footer_border_right footer_padding_left">
                            <h2>Hosting services</h2>
                            <ul>
                                <li><a href="#">Web Hosting</a></li>
                                <li><a href="#">cloud Hosting</a></li>
                                <li><a href="#">Shared Hosting</a></li>
                                <li><a href="#">Reseller Hosting</a></li>
                            </ul>
                        </div>
                    </div>
                    <!-- column End -->
                    <div class="col-sm-3">
                        <div class="footer_menu footer_border_right footer_padding_left">
                            <h2>Domain Names</h2>
                            <ul>
                                <li><a href="#">Transfer Your Domain</a></li>
                                <li><a href="#">Domain Marketplace</a></li>
                                <li><a href="#">Buy a Domain</a></li>
                                <li><a href="#">Premium Domain Names</a></li>
                            </ul>
                        </div>
                    </div>
                    <!-- column End -->
                    <div class="col-md-2 col-sm-3">
                        <div class="footer_menu footer_padding_left">
                            <h2>support</h2>
                            <ul>
                                <li><a href="#">Product Support</a></li>
                                <li><a href="#">contact us</a></li>
                                <li><a href="#">Knowladge Base</a></li>
                                <li><a href="#">Request a Quote</a></li>
                            </ul>
                        </div>
                    </div>
                    <!-- column End -->
                </div>
            </div>
        </div>
        <!-- footer_top End -->
        <div class="romana_footer_bottom">
            <div class="container">
                <div class="romana_footer_bottom_content text-center">
                    <div class="row">
                        <div class="col-md-4 col-sm-6">
                            <p>Copyright &copy; 2017.Company name All rights reserved.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>
                        </div>
                        
                        <!-- column End -->
                    </div>
                    <!-- row End -->
                </div>
                <!-- container End -->
            </div>
        </div>
        <!-- footer_bottom End -->
    </footer>
    <!-- ======================================================
    ***Js Files***
=========================================================== -->

    <!-- ================= Main Js ==================== -->
    <script src="js/jquery-3.1.0.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->

    <!-- ================= Bootstrap min Js =========== -->
    <script src="js/bootstrap.min.js"></script>

    <!-- ================= owl carousel min Js ======== -->
    <script src="js/owl.carousel.min.js"></script>

    <!-- ================= Active Js ================== -->
    <script src="js/active.js"></script>

</body>

</html>

